<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <title>主工作台</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="../styles/vendor.css">
    <!-- 
    <link rel="stylesheet" href="../styles/main.css">
     -->
    <link rel="stylesheet" href="../../css/core/bootstrap/bootstrap.css">
    <script src="../scripts/vendor/modernizr.js"></script>
    <!--[if lt IE 9]>
    <script src="scripts/ie9.js"></script>
    <![endif]-->
    
    
  </head>
  <body>
    <div class="wrapper wrapper-content">
     		  <div class="row" style="margin-top: 10px; display: none;">
     			<div class="col-lg-3 col-md-3 col-sm-12">
     				  <div class="ibox">
				            <div class="ibox-title">
				              <h5>小区设备监控</h5>
				              <div class="ibox-tools">
				                <a class="collapse-link">
				                  <i class="fa fa-chevron-up"></i>
				                </a>
				                <a class="close-link">
				                  <i class="fa fa-times"></i>
				                </a>
				              </div>
				            </div>
				            <div class="ibox-content" id="c1" style="height:150px;padding:0;">
				            
						    </div>
					  </div>
     			</div>
     		
     			<div class="col-lg-3 col-md-3  col-sm-12">
     				  <div class="ibox">
				            <div class="ibox-title">
				              <h5>用户在线监控</h5>
				              <div class="ibox-tools">
				                <a class="collapse-link">
				                  <i class="fa fa-chevron-up"></i>
				                </a>
				                <a class="close-link">
				                  <i class="fa fa-times"></i>
				                </a>
				              </div>
				            </div>
				            <div class="ibox-content" id="c2">
				            
						    </div>
					  </div>
     			</div>
     		
     			<div class="col-lg-3 col-md-3 col-sm-12">
     				  <div class="ibox">
				            <div class="ibox-title">
				              <h5>社区服务统计</h5>
				              <div class="ibox-tools">
				                <a class="collapse-link">
				                  <i class="fa fa-chevron-up"></i>
				                </a>
				                <a class="close-link">
				                  <i class="fa fa-times"></i>
				                </a>
				              </div>
				            </div>
				            <div class="ibox-content" id="c3">
				            
						    </div>
					  </div>
     			</div>
     		
     			<div class="col-lg-3 col-md-3 col-sm-12">
     				  <div class="ibox">
				            <div class="ibox-title">
				              <h5>系统健康监控</h5>
				              <div class="ibox-tools">
				                <a class="collapse-link">
				                  <i class="fa fa-chevron-up"></i>
				                </a>
				                <a class="close-link">
				                  <i class="fa fa-times"></i>
				                </a>
				              </div>
				            </div>
				            <div class="ibox-content" id="c4">
				            
						    </div>
					  </div>
     			</div>
     		
     		</div>
     
		      <div class="row">
		        <div class="col-lg-6 col-md-12">
		          <div class="ibox">
		            <div class="ibox-title">
		              <h3>注册用户审核 &nbsp;&nbsp;<small>User  Auditing</small></h3>
		              <div class="ibox-tools">
		                <a class="collapse-link">
		                  <i class="fa fa-chevron-up"></i>
		                </a>
		                <a class="close-link">
		                  <i class="fa fa-times"></i>
		                </a>
		              </div>
		            </div>
		            <div class="ibox-content">
		              <div class="tab-pane active table-responsive" id="tab-1">
		                <table class="table table-condensed table-bordered table-striped table-hover table_view_3">
		                  <thead>
		                    <tr>
		                      <th>审核内容</th>
		                      <th width="120">通知时间</th>
		                    </tr>
		                  </thead>
		                  <tbody>
		                    <tr>
		                      <td>小区：<a href="#fakelink">【万科金水岸】</a>&nbsp;&nbsp; 12 栋3单元  7-109<a href="#fakelink">   张晓东 </a> 用户注册审核
		                    <button type="button" class="btn  btn-primary btn-xs mhx" >通过</button></td>
		                    <td>2015-08-12 11:20</td>
		                  </tr>
		                    <tr>
		                      <td>小区：<a href="#fakelink">【万科金水岸】</a>&nbsp;&nbsp; 12 栋3单元  7-109<a href="#fakelink">   张晓东 </a> 用户注册审核
		                    <button type="button" class="btn  btn-primary btn-xs mhx" >通过</button></td>
		                    <td>2015-08-12 11:20</td>
		                  </tr>
		                    <tr>
		                      <td>小区：<a href="#fakelink">【万科金水岸】</a>&nbsp;&nbsp; 12 栋3单元  7-109<a href="#fakelink">   张晓东 </a> 用户注册审核
		                    <button type="button" class="btn  btn-info btn-xs mhx" >详情</button></td>
		                    <td>2015-08-12 11:20</td>
		                  </tr>
		                    <tr>
		                      <td>小区：<a href="#fakelink">【万科金水岸】</a>&nbsp;&nbsp; 12 栋3单元  7-109<a href="#fakelink">   张晓东 </a> 用户注册审核
		                    <button type="button" class="btn  btn-danger btn-xs mhx" >不通过</button></td>
		                    <td>2015-08-12 11:20</td>
		                  </tr>
		          </tbody>
		        </table>
		        <div><a href="#" class="btn btn-sm btn-outline btn-primary">查看更多</a></div>
		      </div>
		    </div>
		  </div>
		</div>
		<div class="col-lg-6 col-md-12">
		  <div class="ibox">
		    <div class="ibox-title">
		      <h3>系统公告 <small>System Announcement</small></h3>
		      <div class="ibox-tools">
		        <a class="collapse-link">
		          <i class="fa fa-chevron-up"></i>
		        </a>
		        <a class="close-link">
		          <i class="fa fa-times"></i>
		        </a>
		      </div>
		    </div>
		    <div class="ibox-content">
		      <div class="tab-pane active table-responsive" id="tab-1">
		        <table class="table table-condensed table-bordered table-striped table-hover table_view_3">
		          <thead>
		            <tr>
		              <th>公告类型</th>
		              <th>公告内容</th>
		              <th>审核时间</th>
		              <th>公告状态</th>
		              <th>创建人</th>
		              <th>创建时间</th>
		              <th width="110">操作</th>
		            </tr>
		          </thead>
		          <tbody>
		            <tr>
		              <td><a href="#fakelink">物业公告</a></td>
		              <td><a href="#fakelink">【丽都花园城】</a>将于2015-08-13 上午11点到12点 停水一小时</td>
		              <td>--</td>
		              <td>审核中</td>
		              <td>物业管理员<a href="#fakelink">李辉</a></td>
		              <td>2015-08-12 17:18</td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">审核</button>
		              <button type="button" class="btn  btn-danger btn-xs mhx">作废</button></td>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">系统更新</a></td>
		              <td><a href="#fakelink">智慧云平台</a>将于2015-08-13  晚上12点进行系统更新</td>
		              <td>--</td>
		              <td>审核中</td>
		              <td>小区管理员<a href="#fakelink">张弛</a></td>
		              <td>2015-08-12 17:18</td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">审核</button>
		              <button type="button" class="btn  btn-danger btn-xs mhx">作废</button></td>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">物业公告</a></td>
		              <td><a href="#fakelink">【丽都花园城】</a>将于2015-08-13 上午11点到12点 停水一小时</td>
		              <td>2015-08-13 08:12</td>
		              <td>通过</td>
		              <td>物业管理员<a href="#fakelink">李辉</a></td>
		              <td>2015-08-12 17:18</td>
		              <td><button type="button" class="btn  btn-info btn-xs mhx">详情</button>
		              <button type="button" class="btn  btn-danger btn-xs mhx">作废</button></td>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">物业公告</a></td>
		              <td><a href="#fakelink">【丽都花园城】</a>将于2015-08-13 上午11点到12点 停水一小时</td>
		              <td>--</td>
		              <td>审核中</td>
		              <td>物业管理员<a href="#fakelink">李辉</a></td>
		              <td>2015-08-12 17:18</td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">审核</button>
		              <button type="button" class="btn  btn-danger btn-xs mhx">作废</button></td>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">物业公告</a></td>
		              <td><a href="#fakelink">【丽都花园城】</a>将于2015-08-13 上午11点到12点 停水一小时</td>
		              <td>--</td>
		              <td>审核中</td>
		              <td>物业管理员<a href="#fakelink">李辉</a></td>
		              <td>2015-08-12 17:18</td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">审核</button>
		              <button type="button" class="btn  btn-danger btn-xs mhx">作废</button></td>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">物业公告</a></td>
		              <td><a href="#fakelink">【丽都花园城】</a>将于2015-08-13 上午11点到12点 停水一小时</td>
		              <td>--</td>
		              <td>审核中</td>
		              <td>物业管理员<a href="#fakelink">李辉</a></td>
		              <td>2015-08-12 17:18</td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">审核</button>
		              <button type="button" class="btn  btn-danger btn-xs mhx">作废</button></td>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">物业公告</a></td>
		              <td><a href="#fakelink">【丽都花园城】</a>将于2015-08-13 上午11点到12点 停水一小时</td>
		              <td>--</td>
		              <td>审核中</td>
		              <td>物业管理员<a href="#fakelink">李辉</a></td>
		              <td>2015-08-12 17:18</td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">审核</button>
		              <button type="button" class="btn  btn-danger btn-xs mhx">作废</button></td>
		            </tr>
		          </tbody>
		        </table>
		        <div><a href="#" class="btn btn-sm btn-outline btn-primary">查看更多</a></div>
		      </div>
		    </div>
		  </div>
		</div>
		<div class="col-lg-6 col-md-12">
		  <div class="ibox">
		    <div class="ibox-title">
		      <h3>系统日志 <small>TSystem Log</small></h3>
		      <div class="ibox-tools">
		        <a class="collapse-link">
		          <i class="fa fa-chevron-up"></i>
		        </a>
		        <a class="close-link">
		          <i class="fa fa-times"></i>
		        </a>
		      </div>
		    </div>
		    <div class="ibox-content">
		      <div class="tab-pane active table-responsive" id="tab-1">
		        <table class="table table-condensed table-bordered table-striped table-hover table_view_3">
		          <thead>
		            <tr>
		              <th>日志类型</th>
		              <th>日志级别</th>
		              <th>内容</th>
		              <th>操作人</th>
		              <th>ip</th>
		              <th>时间</th>
		              <th width="110">操作</th>
		            </tr>
		          </thead>
		          <tbody>
		            <tr>
		              <td><a href="#fakelink">用户登录</a></td>
		              <td><a href="#fakelink">INFO</a></td>
		              <td><a href="#fakelink">【张辉】</a>于 2015-08-13 12:10:01  登录系统</td>
		              <td>张辉</td>
		              <td>119.10.19.10</td>
		              <td>2015-08-13 12:10:01 </td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">详情</button>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">操作记录</a></td>
		              <td><a href="#fakelink">INFO</a></td>
		              <td><a href="#fakelink">【李强】</a>于 2015-08-13 12:10:01  审核用户</td>
		              <td>李强</td>
		              <td>119.10.19.10</td>
		              <td>2015-08-13 12:10:01 </td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">详情</button>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">开门记录</a></td>
		              <td><a href="#fakelink">INFO</a></td>
		              <td><a href="#fakelink">【张辉】</a>于 2015-08-13 12:10:01  小区开门</td>
		              <td>张辉</td>
		              <td>119.10.19.10</td>
		              <td>2015-08-13 12:10:01 </td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">详情</button>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">用户登录</a></td>
		              <td><a href="#fakelink">INFO</a></td>
		              <td><a href="#fakelink">【张辉】</a>于 2015-08-13 12:10:01  登录系统</td>
		              <td>张辉</td>
		              <td>119.10.19.10</td>
		              <td>2015-08-13 12:10:01 </td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">详情</button>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">用户登录</a></td>
		              <td><a href="#fakelink">INFO</a></td>
		              <td><a href="#fakelink">【张辉】</a>于 2015-08-13 12:10:01  登录系统</td>
		              <td>张辉</td>
		              <td>119.10.19.10</td>
		              <td>2015-08-13 12:10:01 </td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">详情</button>
		            </tr>
		            <tr>
		              <td><a href="#fakelink">用户登录</a></td>
		              <td><a href="#fakelink">INFO</a></td>
		              <td><a href="#fakelink">【张辉】</a>于 2015-08-13 12:10:01  登录系统</td>
		              <td>张辉</td>
		              <td>119.10.19.10</td>
		              <td>2015-08-13 12:10:01 </td>
		              <td><button type="button" class="btn  btn-primary btn-xs mhx">详情</button>
		            </tr>
		          </tbody>
		        </table>
		        <div><a href="#" class="btn btn-sm btn-outline btn-primary">查看更多</a></div>
		      </div>
		    </div>
		  </div>
		</div>
</div>

</div>
<script src="../../js/core/jquery/jquery.min.js"></script>
<script src="../scripts/vendor.js"></script>
<!-- 
<script  src="../echarts/js/echarts.js"  type="text/javascript"></script>
<script src="../scripts/main.js"></script>
 -->

<script type="text/javascript">
	$(document).ready(function(){
		/*window.parent.$('#tabs-container').tabs( "add",{
            id : 'tab-main-page-2',
            closable : true,
            title : "主工作台",
            style : "",
            selected : "true",
            colse: 'false',
            content : "",
            url :"uipkg/ui_comp/main_1.html"
        });*/
        
        $('.ibox-tools').css({display:'none'});
		//alert($);
		//alert($.parent());
	//	$.parent('#tabs-container').tabs('select','tab-main-page');
	});

	
	
	  require.config({
          paths: {
              echarts: '../echarts/js/'
          }
      });
      
      // 使用
      require(
          [
              'echarts',
              'echarts/chart/bar', // 使用柱状图就加载bar模块，按需加载
				'echarts/chart/line',
				'echarts/chart/scatter',
				'echarts/chart/k',
				'echarts/chart/pie',
				'echarts/chart/radar',
				'echarts/chart/force',
				'echarts/chart/chord',
				'echarts/chart/gauge',
				'echarts/chart/funnel',
				'echarts/chart/eventRiver',
				'echarts/chart/venn',
				'echarts/chart/treemap',
				'echarts/chart/tree',
				'echarts/chart/wordCloud',
				'echarts/chart/heatmap'
          ],
          function (ec) {
              // 基于准备好的dom，初始化echarts图表
              var myChart = ec.init(document.getElementById('c1')); 
              
              option = {
					title : {
						text: '未来一周气温变化',
						subtext: '纯属虚构'
					},
					tooltip : {
						trigger: 'axis'
					},
					legend: {
						data:['最高气温','最低气温']
					},
					toolbox: {
						show : true,
						feature : {
							mark : {show: true},
							dataView : {show: true, readOnly: false},
							magicType : {show: true, type: ['line']},
							restore : {show: true},
							saveAsImage : {show: true}
						}
					},
					calculable : true,
					xAxis : [
						{
							type : 'category',
							boundaryGap : false,
							data : ['周一','周二','周三','周四','周五','周六','周日']
						}
					],
					yAxis : [
						{
							type : 'value',
							axisLabel : {
								formatter: '{value} °C'
							}
						}
					],
					series : [
						{
							name:'最高气温',
							type:'line',
							data:[11, 11, 15, 13, 12, 13, 10],
							markPoint : {
								data : [
									{type : 'max', name: '最大值'},
									{type : 'min', name: '最小值'}
								]
							},
							markLine : {
								data : [
									{type : 'average', name: '平均值'}
								]
							}
						},
						{
							name:'最低气温',
							type:'line',
							data:[1, -2, 2, 5, 3, 2, 0],
							markPoint : {
								data : [
									{name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
								]
							},
							markLine : {
								data : [
									{type : 'average', name : '平均值'}
								]
							}
						}
					]
				};
      
              // 为echarts对象加载数据 
              myChart.setOption(option); 
				window.onresize = myChart.resize;
          }
      );
</script>
</body>
</html>